<template>
  <div id="tmpl">
      <div class="title">
          <h4 v-text="info.title"></h4>
          <p>{{info.add_time | datefmt('YYYY-MM-DD')}}  {{info.click}}次浏览</p>
      </div>
      <div id="content" v-html="info.content">

      </div>
      <!-- 评论组件的集成 -->
      <comment :id='id'></comment>
  </div>
</template>

<script>
import common from '../../kits/common.js';
//导入注册组件
import comment from '../subcom/comment.vue';
export default {
  data(){
      return{
          id:0,
          info:{

          }
      }
  },
  components:{
      comment                                         
  },
  created(){
      //获取url中的id值赋值给data中的id
      this.id = this.$route.params.id;
      this.getinfo();
  },
  methods:{
      getinfo(){
          var url =common.apidomain+'/api/getnew/'+this.id;
          this.$http.get(url).then(function(res){
              var body = res.body;
              if(body.status!= 0){
                  alert(body.message);
                  return
              }
              this.info = body.message[0];
          })
      }
  }
}
</script>

<style scoped>
    .title h4{
        color: #0094ff;
    }
    .title p{
      color: rgba(0,0,0,.5)  
    }
    .title,#content{
        padding:5px;
    }
</style>

